<!DOCTYPE html>
<html lang="ch">
<meta charset="utf8">
<head>
	<title>录音查询</title>
	<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
	<style type="text/css"  >
		@import url(index.css);
    @import url(css/lanrenzhijia.css);
    @import url(css/loaders.css);
	</style>
	<script type="text/javascript" src="index.js"></script>
</head>
<body>
    <div class="fake" style="float: left; width:400px">
      <!-- 造假部分 -->
      <div class="phonehead">
      	<input type="input" id="txt"  name="sousuo" style="width:75%; height:30px; border:1px solid blue;">
      	<button id="tellIput" style="width:20%;height: 35px;">查询</button>
      </div>
      <div class="chathead">
        <!-- 对话框头部 -->
        <div class="line1" style="text-align: left;">
          <div id="time_Ai"style="height: 100%; float: left; padding: 2px ; margin: 0 15px;"
          >
           通话日期
          </div>
        </div>
        <div id='name_Ai' class="line1" style="text-align: center;">
           客户姓名 
        </div>

        <div
          class="line1"
          style="text-align: right; margin-right:4px; width:30%; "
        >
          <div>
            <img id="play_Ai" src="img/播放.png" width="20px" height="20px" alt="">
            <audio src="" id="audio"></audio>
          </div>
        </div>
      </div>
      <div id="chat_Ai" class="chat">
        <!-- 对话内容 -->
        <div class="dialog1">
          <div class="avatar1"><img src="img/a.jpg" /></div>
          <div class="word1">
            通话内容
          </div>
        </div>
        <div class="dialog2">
          <div class="word2">
            啦啦啦啦啦啦
          </div>
          <div class="avatar2"><img src="img/B.jpg" /></div>
        </div>
    </div>

    
  </body>
</html>